@@include('./tpl/header.html',{"title":"密码修改"})
@@include('./tpl/menu.html',{"name":"pwd5"})
@@include('./tpl/user_menu.html',{})
<div class="pure-u-5-6 pure-g padding-left ">
    <div class="padding-bottom-xl"  style="border:1px solid #eee;">
        <div class="" style="height:400px;">
            <div class="pure-g">
                <div class="pure-u-4-24 text-xl padding-left-xl padding-top-xs">
                    密码修改
                </div>

            </div>
            <form class="pure-form margin-top wt-resetPwd-form">
                <div class="padding-bottom-sm pure-g">
                    <div class="pure-u-3-24 text-right padding-right-sm " style="line-height: 35px">
                        旧密码
                    </div>
                    <div class="pure-u-7-24">
                        <input type="password" name="oldPassword" id="oldPassword" class="pure-input-1 text-sm " minlength="6" maxlength="16" placeholder="输入旧密码" required>
                    </div>
                    <div class="pure-u-7-24 padding-left-xs text-sm text-danger padding-top-xxs" for="oldPassword"></div>
                </div>
                <div class="padding-bottom-sm pure-g">
                    <div class="pure-u-3-24 text-right padding-right-sm " style="line-height: 35px">
                        密码
                    </div>
                    <div class="pure-u-7-24">
                        <input type="password" name="password" id="password" class="pure-input-1 text-sm " minlength="6" maxlength="16" placeholder="输入密码" required>
                    </div>
                    <div class="pure-u-7-24 padding-left-xs text-sm text-danger padding-top-xxs" for="password"></div>
                </div>
                <div class="padding-bottom-sm pure-g">
                    <div class="pure-u-3-24 text-right padding-right-sm " style="line-height: 35px">
                        确认密码
                    </div>
                    <div class="pure-u-7-24">
                        <input type="password" name="cpassword" id="cpassword" class="pure-input-1 text-sm " minlength="6" maxlength="16" placeholder="确认密码" required>
                    </div>
                    <div class="pure-u-7-24 padding-left-xs text-sm text-danger padding-top-xxs" for="cpassword"></div>
                </div>
                <div class="text-center text-sm wt-login-error margin-vertical-xs text-danger"></div>
                <div class="pure-u-9-24">
                </div>
                <div class="margin-top-xl  pure-g pure-u-12-24">
                    <button class="pure-button pure-button-xl pure-button-primary center ">修改密码</button>
                </div>
            </form>
        </div>
    </div>
</div>
</div>
</div>
@@include('./tpl/commonjs.html')
<script>
    $(function () {
        var wait = 120;
        function time(o) {
            if (wait == 0) {
                $(".wt-reg-captcha").val("");
                $(o).val("发送验证码");
                wait = 120;
            } else {
                $(o).addClass("pure-button-disabled")
                $(o).val(wait + "s后重新发送");
                wait--;
                setTimeout(function () {
                        time(o)
                    },
                    1000)
            }
        }

        $(".wt-send-sms-btn").on("click", function () {
            time(this);
            var regdata = $(".wt-reg-form").form2Json();
            delete regdata.password;
            delete regdata.cpassword;
            delete regdata.userName;
            delete regdata.realName;
            commonctl.sendSms(regdata)
        })

        $('.chosen-select').chosen({
            disable_search: true,
            width: '100%'
        })

        $(".wt-reg-captcha").on("blur keyup", function () {
            if ($(this).val().length == 4&&$("#mobile").val().length == 11&&$("div[for='mobile']").val()==''&&wait==120) {
                $(".wt-send-sms-btn").removeClass("pure-button-disabled")
            }
            else {
                $(".wt-send-sms-btn").addClass("pure-button-disabled")
            }
        })

        $("#mobile").on("blur keyup", function () {
            if ($(".wt-reg-captcha").val().length == 4&&$(this).val().length == 11&&$("div[for='mobile']").val()==''&&wait==120) {
                $(".wt-send-sms-btn").removeClass("pure-button-disabled")
            }
            else {
                $(".wt-send-sms-btn").addClass("pure-button-disabled")
            }
        })

        $("#wt-reg-xy").on("click", function () {
            if ($(this).is(":checked")) {
                $(".wt-submit-btn").removeClass("pure-button-disabled")
            }
            else {
                $(".wt-submit-btn").addClass("pure-button-disabled")

            }
        })


































    })
</script>

@@include('./tpl/footerlogin.html')